/* 显示logo */

.collapse:not(.show) {
  display: block;
}

.search-box-wrap {
  margin: 0 0 20px 0 !important;
}
@media (max-width: 1440px) {
  .search-box-wrap {
    margin: 0 0 16px 0 !important;
  }
}
@media (max-width: 1360px) {
  .search-box-wrap {
    margin: 0 0 12px 0 !important;
  }
}



/* breadcrumb */

.breadcrumb-container {
  width: 100%;
  height: auto;
  background: #f8f8fb;
  padding: 20px;
  position: relative;
  z-index: 9;
}

@media (max-width: 1440px) {
  .breadcrumb-container {
    padding: 16px;
  }
}
@media (max-width: 1360px) {
  .breadcrumb-container {
    padding: 12px;
  }
}


/* input 样式 */

input:-internal-autofill-selected {
  background-color       : #fff !important;
  -webkit-text-fill-color: inherit !important;
  box-shadow             : 0 0 0 1000px #fff inset !important;
}

.el-input__inner {
  font-size : 13px !important;
  color     : #495057 !important;
  text-align: left !important;
  border    : 1px solid #ced4da !important;
  padding   : 0 12px !important;
  transition: none !important;

  &::-webkit-autofill {
    background-color       : #fff !important;
    -webkit-text-fill-color: inherit !important;
    box-shadow             : 0 0 0 1000px #fff inset !important;
  }

  &::-webkit-input-placeholder {
    color      : #74788d !important;
    font-weight: 500 !important;
  }

  &::-moz-placeholder {
    color      : #74788d !important;
    font-weight: 500 !important;
  }

  &:-ms-input-placeholder {
    color      : #74788d !important;
    font-weight: 500 !important;
  }
}


.el-input__inner:focus {
  outline     : none !important;
  border-color: #556ee6 !important;
}

.is-disabled .el-input__inner {
  &::-webkit-input-placeholder {
    color      : #fff !important;
    font-weight: 500 !important;
  }

  &::-moz-placeholder {
    color      : #fff !important;
    font-weight: 500 !important;
  }

  &:-ms-input-placeholder {
    color      : #fff !important;
    font-weight: 500 !important;
  }
}

.el-input--mini {
  margin-bottom: 4px;

  .el-input__inner {
    padding    : 0 13px;
    height     : 32px;
    line-height: 32px;
    font-size  : 13px;
  }

  &.el-textarea {
    &.is-disabled {
      .el-textarea__inner {
        padding: 0 !important;
      }
    }

    .el-textarea__inner {
      padding   : 4px 12px;
      min-height: 32px !important;
      font-size : 13px !important;
    }
  }
}

.el-textarea {
  min-height: 32px !important;
}

.el-input__prefix {
  color         : #495057;
  left          : 12px !important;
  .iconfont{
    line-height: 36px;
    padding-left: 0;
  }
}

.el-input__icon {
  height     : 100%;
  width      : 16px;
  // line-height: 35px !important;
  vertical-align: middle;
}

.el-textarea__inner {
  display      : block;
  resize       : vertical;
  padding      : 4px 12px;
  line-height  : 19px;
  width        : 100%;
  min-height   : 32px;
  font-size    : 13px;
  color        : #495057;
  border       : 1px solid #ced4da;
  border-radius: 4px;
  transition   : none;

  &::-webkit-scrollbar {
    width : 4px;
    height: 4px;
  }

  &::-webkit-scrollbar-track {
    background   : transparent;
    border-radius: 4px;
  }

  &::-webkit-scrollbar-thumb {
    background   : #eff2f7;
    border-radius: 4px;
    border-right : 1px solid #fff;
  }

  &::-webkit-input-placeholder {
    color      : #74788d;
    font-weight: 500;
  }

  &::-moz-placeholder {
    color      : #74788d;
    font-weight: 500;
  }

  &:-ms-input-placeholder {
    color      : #74788d;
    font-weight: 500;
  }
}

.el-textarea.is-disabled .el-textarea__inner {
  background-color: transparent;
  border          : 0;
  color           : #495057;
  font-weight     : bold;
  padding         : 0;
  cursor          : default;

  &::-webkit-input-placeholder {
    color      : #ffffff;
    font-weight: 500;
  }

  &::-moz-placeholder {
    color      : #ffffff;
    font-weight: 500;
  }

  &:-ms-input-placeholder {
    color      : #ffffff;
    font-weight: 500;
  }
}

.el-input.is-disabled .el-input__inner,
.el-textarea.is-disabled .el-input__inner {
  background : none !important;
  font-weight: bold !important;
  color      : #495057 !important;
  border     : none !important;
  padding    : 0 !important;
  cursor     : default;

  &::-webkit-input-placeholder {
    color      : #ffffff;
    font-weight: 500;
  }

  &::-moz-placeholder {
    color      : #ffffff;
    font-weight: 500;
  }

  &:-ms-input-placeholder {
    color      : #ffffff;
    font-weight: 500;
  }
}
.el-input.is-disabled.el-input--prefix .el-input__inner,
.el-input.is-disabled.el-input--prefix .el-input__inner,
.el-input--prefix .el-input__inner{
  padding-left: 30px !important;
}

.el-form-item.is-error .el-input__inner,
.el-form-item.is-error .el-input__inner:focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:focus {
  border-color: #f46a6a !important;
}

.orgnized .el-input.is-disabled .el-input__inner {
  background : #eff2f7 !important;
  font-weight: 500 !important;
  color      : #495057 !important;
  border     : 1px solid #ced4da !important;
  padding    : 0 12px !important;
}


/* 全局需改 button 里图标的样式 */

.el-button {
  height       : 36px !important;
  font-size    : 13px !important;
  border-radius: 4px !important;

  &--info {
    color           : #fff;
    background-color: #74788d;
    border-color    : #74788d;
  }

  &--small {
    padding: 0 12px !important;
  }

  &--primary {
    background-color: #556ee6;
    border-color    : #556ee6;
    transition      : all 0.5s;

    &:hover {
      background-color: #778beb;
      border-color    : #778beb;
    }
    &:focus {
      background-color: #5582e6;
      border-color    : #5582e6;
    }
  }

  .iconfont {
    font-size: 12px !important;
  }
}

.el-button--mini {
  padding      : 0 12px !important;
  font-size    : 12px !important;
  border-radius: 4px !important;
}

.el-button--mini span {
  font-size: 12px !important;
}

.el-button.is-round {
  height: 32px !important;
  border-radius: 50px !important;
  padding      : 0 12px 1px 12px !important;
}

.el-button+.el-button {
  margin-left: 12px !important;
}

.el-button-group > .el-button + .el-button {
  margin-left: 0 !important;
}
.operate-btn-wrap .cancel-btn {
  width : 72px !important;
  border: 0 !important;
}

.operate-btn-wrap .submit-btn {
  width : 108px !important;
  border: 0 !important;
}

.el-button--text {
  height      : 24px !important;
  font-size   : 12px !important;
  line-height : 24px !important;
  border-color: transparent !important;
  color       : #74788d !important;
  background  : transparent !important;
  padding     : 0 10px !important;
}

.popover-btn {
  height     : 24px !important;
  font-size  : 12px !important;
  line-height: 1 !important;
  padding    : 0 10px !important;
}

.el-button--small {
  height     : 32px !important;
  padding    : 0 12px 1px 12px !important;
}

.el-button.is-disabled,
.el-button.is-disabled:hover,
.el-button.is-disabled:focus,
.el-button.is-disabled:active {
  color           : #74788d !important;
  background-color: #f8f9fa !important;
  border-color    : #f8f9fa !important;
}
button:focus {
  outline: none;
}
.el-button--primary:hover {
  color           : #fff !important;
  background-color: #778beb !important;
  border-color    : #778beb !important;
}
.el-button--primary:focus {
  color           : #fff !important;
  background-color: #556ee6 !important;
  border-color    : #556ee6 !important;
}
.el-button--primary:active {
  color           : #fff !important;
  background-color: #556ee6 !important;
  border-color    : #556ee6 !important;
}
/* 按钮组 */
.el-button-group > .el-button:not(:first-child):not(:last-child) {
  border-radius: 0 !important;
}
.el-button-group > .el-button:first-child {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.el-button-group > .el-button:last-child {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.el-button-group{
  .el-button.is-disabled, 
  .el-button.is-disabled:hover, 
  .el-button.is-disabled:focus {
    color: #C0C4CC;
    cursor: not-allowed;
    background-image: none;
    background-color: #EFF2F7 !important;
    border-color: #DCDFE6 !important;
  }
}

/* el-tag */

.el-tag {
  padding    : 0 8px !important;
  height     : 20px !important;
  line-height: 18px !important;
  color             : #556ee6 !important;
  background-color  : rgba(85,110,230,.1) !important;
  border-color      : transparent !important;

  &.el-tag--success {
    color           : #34c38f !important;
    background-color: rgba(52,195,143,.18) !important;
    border-color    : transparent !important;
  }

  &.el-tag--info {
    color           : #74788d !important;
    background-color: rgba(116,120,141,.18) !important;
    border-color    : transparent !important; 
  }

  &.el-tag--warning {
    color           : #f1b44c !important;
    background-color: rgba(241,180,76,.18) !important;
    border-color    : transparent !important;
  }
  &.el-tag--danger {
    color           : #f46a6a !important;
    background-color: rgba(244,106,106,.18) !important;
    border-color    : transparent !important;
  }
}


/* el-tooltip */

.el-tooltip__popper.is-dark {
  background: #495057;
}

.el-tooltip__popper[x-placement^=top] .popper__arrow,
.el-tooltip__popper[x-placement^=top] .popper__arrow::after {
	border-top-color: #495057;
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow,
.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after {
	border-bottom-color: #495057
}

.el-tooltip__popper[x-placement^=right] .popper__arrow,
.el-tooltip__popper[x-placement^=right] .popper__arrow::after {
	border-right-color: #495057;
}

.el-tooltip__popper[x-placement^=left] .popper__arrow,
.el-tooltip__popper[x-placement^=left] .popper__arrow::after {
	border-left-color: #495057
}


/* 全局修改 下拉选择 多选 */

.el-select__tags {
  .el-tag {
    &.el-tag--info {
      background  : #556ee6 !important;
      border-color: #556ee6 !important;
      color       : #fff !important;
      margin      : 2px 6px !important;

      .el-select__tags-text {
        font-size: 12px !important;
      }

      .el-tag__close {
        &.el-icon-close {
          background: transparent !important;
          color     : $white !important;
        }
      }
    }
  }
}

.el-select__tags {
  padding: 0;
}

.el-select {
  &.el-select--mini {
    .el-input--suffix {
      margin-bottom: 0 !important;
    }
  }

  .el-input {
    .el-select__caret {
      color: #495057;
    }
  }
}

.el-select .el-tag {
  border-radius: 2px;
}

.el-input__suffix {
  top  : -1px !important;
  right: 10px !important;
  color: #495057 !important;
}

.el-select .el-input .el-select__caret {
  color    : #495057 !important;
  font-size: 12px !important;
}

.el-form-item__content .el-select,
.el-form-item__content .el-input {
  width: 100% !important;
}

.el-select .el-input.is-disabled .el-input__inner {
  cursor: default;
}

.el-select .el-input.is-disabled .el-input__suffix {
  display: none;
}

.el-select__input {
  padding         : 0;
  margin-left     : 0;
  color           : #495057;
  font-size       : 13px;
  height          : 32px;
  background-color: transparent;

  &::-webkit-input-placeholder {
    color      : #74788d;
    font-weight: 500;
  }

  &::-moz-placeholder {
    color      : #74788d;
    font-weight: 500;
  }

  &:-ms-input-placeholder {
    color      : #74788d;
    font-weight: 500;
  }
}

.el-scrollbar__thumb {
  background-color: #eff2f7;
}

.dialog-wrap .el-select__tags {
  padding: 0 0 0 12px;
}

.dialog-wrap .el-select__tags .el-tag.el-tag--info {
  margin: 2px 12px 2px 0 !important;
}


/* 全局修改 table 过滤器 样式 */

.el-table-filter {
  .el-table-filter__bottom {
    @include flex(space-between, center, row);

    button {
      &.is-disabled {
        color: #c0c4cc;
      }

      color: $btnColor;
    }
  }
}

.el-table__column-filter-trigger {
  opacity: 0;
}


/* 全局修改 table */

.el-table {
  &.el-table--mini {
    font-size: 13px;
  }

  th {
    border-top: 1px solid #eff2f7;
    background: $background;
    color     : $fontColor;
  }

  th>.cell {
    padding: 0 12px !important;
  }

  td {
    padding: 13px 0 !important;
  }
}

.el-table--enable-row-hover .el-table__body tr:hover>td {
  background-color: #f8f9fa;
}

.el-table tbody tr:hover>td {
  cursor: pointer;
}


/* el-checkbox */

.el-checkbox {
  margin-bottom: 0;
}

.el-checkbox__inner {
  border       : 1px solid #ced4da;
  border-radius: 4px;
  width        : 16px;
  height       : 16px;
}

.el-checkbox__inner::after {
  height: 8px;
  width : 5px;
}

.el-checkbox__input.is-disabled+span.el-checkbox__label {
  color : #495057 !important;
  cursor: default !important;
}

.el-checkbox__label {
  padding-left: 8px !important;
  line-height : 16px !important;
  font-size   : 13px !important;
  color       : #495057 !important;
}

@media (max-width: 1360px) {
  .el-checkbox__inner {
    width        : 14px;
    height       : 14px;
  }
  .el-checkbox__input {
    padding      : 1px 0 0 0;
  }
  .el-checkbox__inner::after {
    height: 7px;
    width: 3px;
  }
}


/* 基础设置/编号定义 */
/* drawer */
/*  添加侧边栏 */

.side-drawer {
  .el-drawer__header {
    font-weight   : bold;
    padding-bottom: 20px;
    margin-bottom : 0;
    color         : rgba(73, 80, 87, 1);
    border-bottom : 1px solid #eff2f7;

    span {
      font-size: 16px;
    }
  }

  &-form {
    // padding: 16px 16px 50px;
    padding-top: 16px !important;
  }

  .el-form-item__label {
    font-weight: 400;
    color      : #495057;
  }

  &-title {
    font-weight     : bold;
    font-size       : 13px;
    color           : #495057;
    // margin-bottom: 0;
  }

  // .el-form-item__label {
  //   float: none;
  // }

  .el-select {
    width: 100%;
  }

  .btn-delete {
    color     : #f46a6a;
    margin-top: 40px;
    font-size : 15px;
  }

  &-line {
    height          : 1px;
    background-color: #eff2f7;
  }

  &-scroll {
    height: calc(100vh - 68px);
  }

  .mb70 {
    margin-bottom: 70px;
  }

  &-operating {
    position           : absolute;
    padding            : 16px 20px;
    text-align         : right;
    // bottom          : 0;
    background-color   : #fff;
    border-top         : 1px solid #eff2f7;
    right              : 0;
    left               : 0;
    bottom             : 0;

    .btn-cancel {
      width : 72px;
      height: 36px;
    }

    .btn-submit {
      width : 108px;
      height: 36px;
    }
  }
}


/* el-table */

.el-table th {
  color           : #495057 !important;
  background-color: #f8f9fa !important;
  border-color    : #eff2f7 !important;
}

.el-table th.is-leaf {
  height       : 47px !important;
  border-top   : 1px solid #eff2f7 !important;
  border-bottom: 2px solid #eff2f7 !important;
  padding      : 0 !important;
}

.el-table th>.cell {
  padding: 0 12px !important;
}

.el-table td {
  color        : #495057 !important;
  padding      : 9px 0 11px !important;
  border-bottom: 1px solid #eff2f7 !important;
}

.el-table th>.cell span,
.el-table th>.cell i {
  cursor: pointer;
}

.el-table .cell,
.el-table-column--selection .cell {
  padding-left : 12px;
  padding-right: 12px;
  line-height  : 24px;
}

.el-table__body tr.hover-row>td {
  background-color: #f8f9fa !important;
}

.el-table__empty-block {
  min-height: 51px !important;
}

.el-table__empty-text {
  line-height: 51px !important;
  color      : #74788d !important;
}

.el-table--group::after,
.el-table--border::after,
.el-table::before {
  background-color: #eff2f7;
}


/* el-pagination */
.el-pagination {
  &.is-background {
    & .el-pager {
      li {
        &:not(.disabled) {
          &.active {
            background-color: #556ee6;
            color           : #fff;
          }
        }
      }
    }
  }
}

.el-pagination__total {
  margin-right: 12px;
  color       : #74788d;
}

.el-pagination span:not([class*="suffix"]),
.el-pagination button {
  display    : block;
  font-size  : 13px;
  min-width  : 32px;
  height     : 32px;
  line-height: 32px;
  float      : left;
}

.el-pagination .el-select .el-input {
  width : 108px;
  height: 32px;
  margin: 0;
}

.el-pagination .el-select .el-input .el-input__inner {
  padding-right: 36px;
  border-radius: 4px;
}

.el-pagination__sizes .el-input .el-input__inner {
  font-size   : 13px;
  text-align  : left;
  padding-left: 12px;
}

.el-pagination .el-input__suffix {
  top              : 0;
  right            : 10px;
  -webkit-transform: scale(1);
  transform        : scale(1);
  color            : #495057;
  line-height      : 32px;
}

.el-pagination .el-select .el-input .el-select__caret {
  width      : 12px;
  // height     : 12px;
  font-size  : 12px;
  color      : #495057;
  line-height: 1;
}

.pagination-container .el-pagination.is-background .btn-prev:disabled,
.pagination-container .el-pagination.is-background .btn-next:disabled {
  color: #74788d !important;
}

.pagination-container .el-pagination.is-background .btn-next,
.pagination-container .el-pagination.is-background .btn-prev {
  color: #556ee6 !important;
}

.el-pagination.is-background .btn-prev,
.el-pagination.is-background .btn-next {
  margin       : 0 !important;
  min-width    : 32px !important;
  border-radius: 4px !important;
}

.el-pagination.is-background .el-pager li {
  height: 32px;
  color: #74788d;
  line-height: 32px;
  margin: 0 3px !important;
  background-color: transparent;
}

.el-pagination__jump {
  margin-left: 12px;
  color      : #74788d;
}

.el-pagination__editor {
  line-height  : 30px;
  padding      : 0;
  height       : 32px;
  margin       : 0 8px;
  border-radius: 4px;
}

.el-pagination__editor.el-input {
  width: 48px;
}

.el-pagination__editor.el-input .el-input__inner {
  height    : 32px;
  text-align: center !important;
}

.el-pagination__jump .el-input__inner {
  padding: 0 12px;
}

/* el-select-dropdown */

.el-select-dropdown .el-select-dropdown__item.hover,
.el-select-dropdown .el-select-dropdown__item:hover {
  color           : #556ee6;
  background-color: #f2f4ff !important;
}

.el-select-dropdown .el-select-dropdown__item {
  font-size  : 13px;
  padding    : 0 12px;
  color      : #74788d;
  height     : 31px;
  line-height: 31px;
}

.el-select-dropdown__item.selected {
  color      : #556ee6 !important;
  font-weight: bold;
}

.el-select-dropdown {
  border            : 0;
  border-radius     : 4px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(18, 38, 63, 0.03);
  box-shadow        : 0 2px 12px 0 rgba(18, 38, 63, 0.03);
  margin            : 0;
}


/* 下拉禁用样式 */

.el-select-dropdown__item.is-disabled {
  background-color: #f8f9fa;
  color           : #cccccc;

  &:hover {
    background-color: #f8f9fa !important;
    color           : #cccccc;
  }
}

.el-scrollbar__wrap {
  &::-webkit-scrollbar {
    width : 0;
    height: 0;
  }

  &::-webkit-scrollbar-track {
    background   : transparent;
    border-radius: 4px;
  }

  &::-webkit-scrollbar-thumb {
    background   : transparent;
    border-radius: 4px;
  }
}


/* el-table-filter */

.el-table-filter {
  border            : 0;
  border-radius     : 4px;
  background-color  : #fff;
  -webkit-box-shadow: 0px 12px 24px 0px rgba(18, 38, 63, 0.03);
  box-shadow        : 0px 12px 24px 0px rgba(18, 38, 63, 0.03);
  margin            : 0;
}

.el-table-filter .el-table-filter__content {
  min-width: 108px;
}

.el-table-filter .el-table-filter__checkbox-group {
  padding: 12px 24px 0 24px;
}

.el-table-filter .el-table-filter__checkbox-group label.el-checkbox {
  width        : 100%;
  height       : 16px;
  display      : block;
  margin-right : 0;
  margin-bottom: 12px;
  margin-left  : 0;
}

.el-table-filter .el-checkbox__inner {
  display: block;
}

.el-table-filter .el-checkbox__label {
  display     : block;
  padding-left: 8px;
  line-height : 16px;
  font-size   : 13px;
  float       : left;
}

.el-table-filter .el-checkbox__input {
  display: block;
  float  : left;
}

.el-table-filter .el-scrollbar__bar.is-horizontal,
.el-table-filter .el-scrollbar__bar.is-vertical {
  display: none;
}

.el-scrollbar__wrap::-webkit-scrollbar {
  width : 6px;
  height: 6px;
}

.el-scrollbar__wrap::-webkit-scrollbar-track {
  background   : transparent;
  border-radius: 4px;
}

.el-scrollbar__wrap::-webkit-scrollbar-thumb {
  background   : #eff2f7;
  border-radius: 4px;
  border-right : 2px solid #fff;
}

.el-table-filter .el-table-filter__bottom {
  border-top: 1px solid #eff2f7;
  padding   : 12px;
}

.el-table-filter .el-table-filter__bottom button {
  padding: 0 12px;
}


/* el-drawer__wrapper */

.el-drawer {
  -webkit-box-shadow: 0 8px 10px -5px rgba(18, 38, 63, 0.2),
                      0 16px 24px 2px rgba(18, 38, 63, 0.14),
                      0 6px 30px 5px rgba(18, 38, 63, 0.12) !important;
  box-shadow        : 0 8px 10px -5px rgba(18, 38, 63, 0.2),
                      0 16px 24px 2px rgba(18, 38, 63, 0.14),
                      0 6px 30px 5px rgba(18, 38, 63, 0.12) !important;
}

.el-drawer.rtl {
  // height: calc(100% - 70px) !important;
  // top   : 70px !important;
  // bottom: 0 !important;
}

.el-drawer__header {
  height       : 64px !important;
  padding      : 20px 16px !important;
  margin       : 0 !important;
  border-top   : 1px solid #eff2f7 !important;
  border-bottom: 1px solid #eff2f7 !important;
}

.el-drawer__header span {
  font-size  : 16px !important;
  color      : #495057 !important;
  font-weight: bold !important;
  line-height: 24px !important;
}

.el-drawer__header .el-drawer__close-btn {
  width          : 24px !important;
  height         : 24px !important;
  background     : url(~@/assets/images/icon_close.svg) center no-repeat !important;
  background-size: 16px 16px !important;
}

.el-drawer__header .el-drawer__close-btn .el-dialog__close {
  display: none !important;
}

.el-drawer__body {
  width   : 100% !important;
  height  : calc(100% - 134px) !important;
  position: relative !important;
  overflow: hidden;
}

.demo-drawer__content {
  width : 100% !important;
  height: 100% !important;
}

.add-user-drawer .el-drawer__body .user-info-wrap {
  width                    : 100% !important;
  height                   : calc(100% - 64px) !important;
  padding                  : 16px !important;
  overflow-y               : auto !important;
  overflow-x               : hidden !important;
  scrollbar-color          : transparent transparent;
  scrollbar-track-color    : transparent;
  -ms-scrollbar-track-color: transparent;

  .side-drawer-form {
    padding-top: 16px;
  }

  &::-webkit-scrollbar {
    width : 6px !important;
    height: 6px !important;
  }

  &::-webkit-scrollbar-track {
    background   : transparent !important;
    border-radius: 4px !important;
  }

  &::-webkit-scrollbar-thumb {
    background   : #eff2f7 !important;
    border-radius: 4px !important;
    border-right : 2px solid #fff !important;
  }
}

.drawer-footer-btn-wrap {
  bottom    : 0 !important;
  padding   : 16px !important;
  left      : 0;
  right     : 0;
  border-top: 1px solid #eff2f7 !important;
  display   : none;
}

.add-user-drawer .drawer-footer-btn-wrap {
  display: block;
}

.el-drawer__body .user-detail-tabs-wrap {
  height: 100% !important;
}

.el-drawer__body .el-tabs--border-card {
  border            : 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow        : none !important;
}

.el-drawer__body .user-detail-tabs-wrap .el-tabs__header {
  background: #f8f9fa !important;
}

.el-drawer__body .el-tabs--border-card>.el-tabs__header {
  border-bottom: 0 !important;
}

.el-drawer__body .el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
  border-right: 1px solid #eff2f7 !important;
}

.el-drawer__body .el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
  border-top-color   : #eff2f7 !important;
  border-bottom-color: #eff2f7 !important;
}

.el-drawer__body .user-detail-tabs-wrap .el-tabs__item {
  width      : 49px !important;
  height     : 64px !important;
  font-size  : 16px !important;
  line-height: 64px !important;
  color      : #495057;
  padding    : 0 !important;
}

.el-drawer__body .el-tabs--left .el-tabs__item.is-left {
  text-align: center !important;
}

.el-drawer__body .user-detail-tabs-wrap .el-tabs__content,
.user-detail-tabs-wrap .el-tabs__content {
  width  : calc(100% - 48px) !important;
  height : 100% !important;
  padding: 0 !important;
}

.el-drawer__body .el-tab-pane {
  width : 100% !important;
  height: 100% !important;
}

.user-detail-tabs-wrap .detail-title {
  width        : 100% !important;
  height       : 64px !important;
  color        : #495057 !important;
  line-height  : 32px !important;
  padding      : 16px !important;
  margin-bottom: 0 !important;

  p {
    margin: 0 !important;
  }
}

.el-drawer__body .user-info-wrap {
  width                    : 100% !important;
  height                   : calc(100% - 64px) !important;
  padding                  : 0 16px 16px 16px !important;
  overflow-y               : auto !important;
  overflow-x               : hidden !important;
  scrollbar-color          : transparent transparent;
  scrollbar-track-color    : transparent;
  -ms-scrollbar-track-color: transparent;

  &::-webkit-scrollbar {
    width : 6px !important;
    height: 6px !important;
  }

  &::-webkit-scrollbar-track {
    background   : transparent !important;
    border-radius: 4px !important;
  }

  &::-webkit-scrollbar-thumb {
    background   : #eff2f7 !important;
    border-radius: 4px !important;
    border-right : 2px solid #fff !important;
  }
}

.side-drawer-operating {
  padding: 16px;
}


/* 火狐兼容处理 */

@-moz-document url-prefix() {
  .el-drawer__body .side-drawer-form {
    padding-bottom: 16px;
  }
}

.el-drawer__body .editshow,
.add-user-drawer .el-drawer__body .editshow {
  height: calc(100% - 129px) !important;
}

.el-drawer__body .drawer-footer-btn-wrap {
  position  : absolute !important;
  bottom    : 0 !important;
  padding   : 16px !important;
  border-top: 1px solid #eff2f7 !important;
  z-index   : 9;
}

@media (max-width: 1600px) {
  .el-drawer__header {
    height: 56px !important;
    padding: 16px !important;
  }
  .side-drawer-operating {
    padding: 16px;
  }
  .el-drawer__body {
    height: calc(100% - 120px) !important;
  }
}

@media (max-width: 1440px) {
  .el-drawer__body {
    height: calc(100% - 112px) !important;
  }
}

@media (max-width: 1360px) {
  .el-drawer__header {
    height: 48px !important;
    padding: 12px !important;
  }
  .el-drawer__header span {
    font-size: 14px !important;
  }
  .el-drawer__body .user-detail-tabs-wrap .el-tabs__item {
    height: 48px !important;
    line-height: 48px !important;
  }
  .user-detail-tabs-wrap .detail-title {
    height: 56px !important;
    padding: 12px !important;
  }
  .el-drawer__body .user-info-wrap {
    height: calc(100% - 56px) !important;
    padding: 0 12px 12px 12px !important;
  }
  .el-drawer__body {
    height: calc(100% - 104px) !important;
  }
  .el-drawer__body .drawer-footer-btn-wrap {
    padding: 12px !important;
  }
  .side-drawer-form {
    padding-top: 12px !important;
  }
  .side-drawer-operating {
    padding: 12px;
  }
  .side-drawer-line {
    margin: -8px 0 12px 0 !important;
  }
  .add-user-drawer .el-drawer__body .user-info-wrap {
    height: calc(100% - 57px) !important;
    padding: 12px !important;
  }
  .el-drawer__body .editshow,
  .add-user-drawer .el-drawer__body .editshow {
    height: calc(100% - 113px) !important;
  }
}

.footerbtnshow {
  display: block;
}

.el-tabs--left .el-tabs__header.is-left {
  margin-right: 0 !important;
}


/* drawer 遮罩处理 */

.admin-page {
  .el-drawer__wrapper,
  .v-modal {
    left: 250px;
    top: 70px;
    transition: all 0.2s;
    @media (max-width: 1440px) {
      left: 184px;
      top: 56px;
    }
  }
  @media (max-width: 1600px) {
    .el-drawer__wrapper,
    .v-modal {
      top: 64px;
    }
  }
  @media (max-width: 1440px) {
    .el-drawer__wrapper,
    .v-modal {
      top: 56px;
    }
  }
  &.hideSidebar {
    .el-drawer__wrapper,
    .v-modal {
      left: 70px;
      top: 70px;
      transition: all 0.2s;
      @media (max-width: 1600px) {
        left: 70px;
        top: 64px;
      }
      @media (max-width: 1440px) {
        left: 70px;
        top: 56px;
      }
      @media (max-width: 1360px) {
        left: 56px;
        top: 56px;
      }
    }
  }
}
.main-content .v-modal {
  position  : fixed !important;
  left      : 250px !important;
  top       : 70px !important;
  width     : calc(100% - 250px) !important;
  height    : calc(100% - 70px) !important;
  opacity   : 0.55 !important;
  background: #343a40 !important;
}

.hideSidebar .main-content .v-modal {
  position  : fixed !important;
  left      : 70px !important;
  top       : 70px !important;
  width     : calc(100% - 70px) !important;
  height    : calc(100% - 70px) !important;
  opacity   : 0.55 !important;
  background: #343a40 !important;
}
@media (max-width: 1600px) {
  .main-content .v-modal {
    left  : 200px !important;
    top   : 64px !important;
    width : calc(100% - 200px) !important;
    height: calc(100% - 64px) !important;
  }

  .hideSidebar .main-content .v-modal {
    left  : 70px !important;
    top   : 64px !important;
    height: calc(100% - 64px) !important;
  }
}

@media (max-width: 1440px) {
  .main-content .v-modal {
    left  : 184px !important;
    top   : 56px !important;
    width : calc(100% - 184px) !important;
    height: calc(100% - 56px) !important;
  }

  .hideSidebar .main-content .v-modal {
    left  : 56px !important;
    top   : 56px !important;
    height: calc(100% - 56px) !important;
  }
}

@media (max-width: 1360px) {
  .hideSidebar .main-content .v-modal {
    top   : 56px !important;
    left  : 56px !important;
    width : calc(100% - 56px) !important;
    height: calc(100% - 56px) !important;
  }
}

.v-modal {
  position  : fixed !important;
  left      : 0 !important;
  top       : 0 !important;
  width     : 100% !important;
  height    : 100% !important;
  opacity   : 0.55 !important;
  background: #343a40 !important;
}


/* el-form */

.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before {
  content     : "";
  color       : #f46a6a;
  margin-right: 0;
}

.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:after,
.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:after {
  content    : "*";
  color      : #f46a6a;
  margin-left: 4px;
}

.el-form-item--small .el-form-item__label {
  font-size  : 13px;
  color      : #495057;
  text-align : left;
  font-weight: 500;
  line-height: 1;
  padding    : 0 0 10px 0;
  margin     : 0;
  float      : left;
}

.el-form-item--small .el-form-item__error {
  padding-top: 4px;
}

.spacebetween .el-form-item__content {
  height     : 24px !important;
  line-height: 24px !important;
}

.el-form-item__error {
  color: #f46a6a important;
}
.el-form-item--small.el-form-item {
  margin-bottom: 20px;
}


/* el-checkbox */

.el-checkbox__input.is-checked+.el-checkbox__label {
  color       : #495057;
  padding-left: 8px;
  line-height : 16px;
  font-size   : 13px;
}


/* el-switch */

.el-switch {
  font-size  : 13px !important;
  line-height: 24px !important;
  width      : 64px !important;
  height     : 24px !important;
}

.el-switch__core {
  margin       : 0;
  width        : 100%;
  height       : 24px;
  border       : 0;
  border-radius: 50px;
  background   : #eff2f7;
}

.el-switch__core:after {
  top   : 3px;
  left  : 3px;
  width : 18px;
  height: 18px;
}

.el-switch.is-checked .el-switch__core::after {
  left       : 100%;
  margin-left: -21px;
}

.el-switch__label {
  height     : 24px;
  font-size  : 12px;
  color      : #fff;
  line-height: 24px;
  position   : absolute;
  z-index    : 2;
  opacity    : 0;
}

.el-switch__label * {
  font-size: 12px;
}

.el-switch__label--left {
  right: 0;
}

.el-switch__label--right {
  left: 0;
}

.el-switch__label.is-active {
  color  : #fff;
  opacity: 1;
}

.el-switch__label--left.is-active {
  color  : #495057;
  opacity: 1;
}


/* el-dialog */

.el-dialog {
  margin            : 0 auto;
  border-radius     : 4px !important;
  -webkit-box-shadow: 0px 12px 24px 0px rgba(18, 38, 63, 0.03) !important;
  box-shadow        : 0px 12px 24px 0px rgba(18, 38, 63, 0.03) !important;
}

.dialog-wrap .el-dialog__header {
  border-bottom: 1px solid #eff2f7 !important;
}

.el-dialog__header {
  padding: 16px;
}

.dialog-wrap .el-dialog__header .el-dialog__title {
  font-size  : 16px !important;
  color      : #495057 !important;
  font-weight: bold !important;
  line-height: 24px !important;
}

.el-dialog__headerbtn {
  top  : 16px !important;
  right: 16px !important;
}

.el-dialog__headerbtn .el-dialog__close {
  color      : #495057 !important;
  line-height: 16px !important;
}

.el-dialog__body {
  padding   : 16px !important;
  color     : #495057 !important;
  font-size : 13px !important;
  word-break: break-all !important;
}

.el-dialog .el-form-item__label {
  font-size  : 13px;
  color      : #495057;
  text-align : left;
  font-weight: 500;
  line-height: 32px;
  padding    : 0 12px 0 0;
  margin     : 0;
  float      : left;
}

.el-dialog__footer {
  border-top: 1px solid #eff2f7 !important;
  padding   : 16px !important;
}

.editdialog .el-form-item__content,
.transferdialog .el-form-item__content,
.groupdialog .el-form-item__content,
.userdialog .el-form-item__content {
  width: calc(100% - 60px) !important;
}
.resetsdialog .el-form-item__content {
  width: calc(100% - 120px) !important;
}

.editdialog .el-checkbox__input {
  margin-left: 60px !important;
}

@media (max-width: 1360px) {
  .dialog-wrap .el-dialog__header .el-dialog__title {
    font-size: 14px !important;
  }
  .el-dialog__header,
  .el-dialog__body,
  .el-dialog__footer {
    padding: 12px !important;
  }
}


/* el-popover */

.popover-desc-wrap .text {
  margin: 0 !important;
}


/* nprogress */

#nprogress .bar {
  background: #556ee6 !important;
}


/* el-table--scrollable */

.el-table--scrollable-x .el-table__body-wrapper {
  &::-webkit-scrollbar {
    width : 6px;
    height: 6px;
  }

  &::-webkit-scrollbar-track {
    background   : transparent;
    border-radius: 4px;
  }

  &::-webkit-scrollbar-thumb {
    background   : #eff2f7;
    border-radius: 4px;
  }
}


/* el-dropdown */


.el-dropdown {
  color: #495057;
}
.el-dropdown-menu__item {
  color      : #495057 !important;
  height     : 31px !important;
  line-height: 31px !important;
}

.el-dropdown-menu__item:not(.is-disabled):hover,
.el-dropdown-menu__item:focus {
  color           : #556ee6 !important;
  background-color: #f2f4ff !important;
}

.el-dropdown-menu .el-dropdown-menu__item {
  color      : #495057 !important;
  height     : 31px !important;
  line-height: 31px !important;
  padding    : 0 16px !important;
}

.el-dropdown-menu .el-dropdown-menu__item:hover {
  color           : #556ee6 !important;
  background-color: #f2f4ff !important;
}

.el-dropdown-menu {
  min-width         : 120px;
  height            : auto !important;
  position          : absolute;
  padding           : 8px 0 !important;
  margin            : 0 !important;
  background-color  : #fff !important;
  border            : 0 !important;
  border-radius     : 4px !important;
  -webkit-box-shadow: 0px 16px 48px 0px rgba(18, 38, 63, 0.17) !important;
  box-shadow        : 0px 16px 48px 0px rgba(18, 38, 63, 0.17) !important;
}

@media (max-width: 1360px) {
  .el-dropdown-menu .el-dropdown-menu__item {
    height: 30px !important;
    font-size: 12px !important;
    line-height: 30px !important;
    padding: 0 12px !important;
  }
  .user_dropdown .el-dropdown-menu__item {
    height: 30px !important;
    font-size: 12px !important;
    line-height: 30px !important;
    padding: 0 !important;
  }
}


/* el-menu */

.el-menu--horizontal> {
  .el-menu-item.is-active {
    border-bottom: 2px solid #556ee6;
    color        : #495057;
  }

  .el-menu-item:not(.is-disabled):hover {
    outline: none;
    color  : #556ee6 !important;
  }
  .el-menu-item:not(.is-disabled):focus {
    outline: none;
    color  : #556ee6 !important;
  }
}
.el-menu.el-menu--horizontal {
  border-bottom: solid 1px #eff2f7 !important;
}
.el-menu--horizontal>.el-menu-item {
  width      : auto;
  height     : auto !important;
  font-size  : 13px !important;
  line-height: 1 !important;
  color      : #495057 !important;
  padding    : 0 12px 12px 12px !important;
}
.attributedefinition-menu>.el-menu-item.is-active {
  font-weight: bold !important;
}
@media (max-width: 1360px) {
  .el-menu--horizontal > .el-menu-item {
    font-size: 12px !important;
  }
}


/* el-submenu */

.el-menu--collapse {
  width: 70px;
}
.el-menu--collapse .el-submenu .el-menu {
  margin-left: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}
.el-submenu .el-menu-item {
  font-size  : 13px;
  height     : 31px;
  line-height: 31px;
  padding    : 0 20px 0 52px !important;
}
.el-menu-item,
.el-submenu__title {
  padding    : 0 20px !important;
  font-size  : 13px;
  color      : #a6b0cf;
  height     : 48px;
  line-height: 48px;
  background-color: transparent !important;
}

@media (max-width: 1440px) {
  .el-submenu .el-menu-item {
    padding: 0 16px 0 42px !important;
  }

  .el-menu-item,
  .el-submenu__title {
    padding: 0 16px !important;
  }
  .el-submenu__icon-arrow {
    right: 16px;
  }
}

@media (max-width: 1360px) {
  .el-submenu .el-menu-item {
    padding: 0 12px 0 38px !important;
  }

  .el-menu-item,
  .el-submenu__title {
    padding: 0 12px !important;
  }
  .el-submenu__icon-arrow {
    right: 12px;
  }
  .menu-wrapper .el-submenu__title,
  .menu-wrapper .el-menu-item {
    font-size: 12px !important;
  }
  .el-menu--collapse {
    width: 56px;
  }
}
.nest-menu .el-menu-item {
  font-size: 12px !important;
  color: #A6B0CF !important;
  height: 36px !important;
  line-height: 36px !important;
}
.hideSidebar .nest-menu .el-menu-item {
  padding: 0 16px !important;
}


/* el-menu--popup */

.el-menu--popup {
  padding      : 0;
  border-radius: 0;
  box-shadow   : none;
  min-width    : 120px;
}

.el-menu--popup-right-start {
  margin-left : 0;
  margin-right: 0;
}


/* el-message-box */

.el-message-box__wrapper .el-button--primary,
.el-message-box__wrapper .submit-btn {
  width: 108px !important;
}
.el-message-box__wrapper {
  .el-message-box__header {
    border-bottom : 1px solid #eff2f7;
    padding-bottom: 12px;
  }
}
.el-message-box {
  width             : 400px;
  padding-bottom    : 0;
  background-color  : #fff;
  border-radius     : 4px;
  border            : 0;
  font-size         : 13px;
  -webkit-box-shadow: 0px 16px 48px 0px rgba(18, 38, 63, 0.17);
  box-shadow        : 0px 16px 48px 0px rgba(18, 38, 63, 0.17);
}

.el-message-box__wrapper .el-message-box__header {
  border-bottom : 1px solid #eff2f7;
  padding-bottom: 16px;
}

.el-message-box__header {
  position      : relative;
  padding       : 16px;
  padding-bottom: 16px;
}

.el-message-box__title,
.el-message-box__title span {
  font-size  : 16px;
  color      : #495057;
  font-weight: bold;
}

.el-message-box__headerbtn {
  width    : 16px;
  height   : 16px;
  top      : 16px;
  right    : 16px;
  font-size: 13px;
}

.el-message-box__headerbtn .el-message-box__close {
  color    : #495057;
  display  : inherit;
  font-size: 13px;
}

.el-message-box__content {
  padding  : 16px;
  color    : #495057;
  font-size: 13px;
}

.el-message-box__status.el-icon-info,
.el-message-box__status.el-icon-warning {
  width          : 24px !important;
  height         : 24px !important;
  background     : url(~@/assets/images/icon_info.svg) left center no-repeat !important;
  background-size: 16px 16px !important;
}

.el-message-box__status::before {
  display: none;
}

.el-message-box__status+.el-message-box__message {
  padding-left: 24px;
}

.el-message-box__btns {
  padding: 0 16px 16px 16px;
}

.el-message {
	background-color: #e3e4e8;
  border-color: #d8d9df;
}
.el-message--info .el-message__content {
	color: #74788d;
}
.el-message--success {
	background-color: #d6f3e9;
  border-color: #c6eee0;
}
.el-message--success .el-message__content {
	color: #1b654a;
}
.el-message--warning {
	background-color: #fcf0db;
  border-color: #fbeacd;
}
.el-message--warning .el-message__content {
	color: #7d5e28;
}
.el-message--error {
	background-color: #fde1e1;
  border-color: #fcd5d5;
}
.el-message--error .el-message__content {
	color: #7f3737;
}
.el-message__closeBtn {
	color: #74788d;
}
.el-message__closeBtn:hover {
	color: #74788d
}
.el-message .el-icon-success {
	color: #1b654a
}
.el-message .el-icon-error {
	color: #7f3737
}
.el-message .el-icon-info {
	color: #74788d
}
.el-message .el-icon-warning {
	color: #7d5e28
}


/* el-scrollbar */

.el-scrollbar__bar.is-vertical {
  display: none;
}

.el-scrollbar__thumb:hover {
  background-color: #eff2f7 !important;
}


/* icont */

.icontuozhuai {
  font-size: 13px !important;
}

// .el-table .cell .iconicon_trash {
//   color: #f46a6a;
// }
.iconicon_filtrate {
  margin: 0 0 0 8px;
}
.iconicon_edit {
  font-size: 13px !important;
}


/* el-card */

.box-card {
  width     : 400px !important;
  height    : 400px !important;
  border    : 0 !important;
  color     : #495057 !important;
  box-shadow: 0px 6px 12px 0px rgba(18, 38, 63, 0.03) !important;
}
.el-card {
  border    : 0 !important;
  color     : #495057 !important;
  box-shadow: 0px 6px 12px 0px rgba(18, 38, 63, 0.03) !important;
}

.el-card__header {
  padding      : 16px 20px !important;
  border-bottom: 1px solid #eff2f7 !important;
}

.el-card.is-always-shadow {
  box-shadow: 0px 6px 12px 0px rgba(18, 38, 63, 0.03) !important;
  // box-shadow: none !important;
}

.el-card.is-hover-shadow:hover,
.el-card.is-hover-shadow:focus {
  box-shadow: 0px 12px 24px 0px rgba(18, 38, 63, 0.12) !important;
}

.numberdrawer .el-col {
  margin: 0 !important;
}

@media (max-width: 1440px) {
  .el-card__header,
  .el-card__body {
    padding: 16px !important;
  }
  .el-col {
    margin: -12px 16px 0 0 !important;
  }
}

@media (max-width: 1360px) {
  .el-card__header,
  .el-card__body {
    padding: 12px !important;
  }
  .title {
    font-size: 14px !important;
  }
  .el-col {
    margin: -12px 12px 0 0 !important;
  }
  .box-card {
    width: 372px !important;
    height: 372px !important;
    box-shadow: 0px 3px 6px 0px rgba(18, 38, 63, 0.03) !important;
  }

  .el-card.is-always-shadow {
    box-shadow: 0px 3px 6px 0px rgba(18, 38, 63, 0.03) !important;
  }

  .el-card.is-hover-shadow:hover,
  .el-card.is-hover-shadow:focus {
    box-shadow: 0px 6px 12px 0px rgba(18, 38, 63, 0.12) !important;
  }
}


@media (max-width: 1440px) {
  .el-table-filter .el-table-filter__checkbox-group {
    padding: 16px 16px 0 16px;
  }
  .el-table-filter .el-table-filter__bottom button {
    padding: 0 4px;
  }
}

@media (max-width: 1360px) {
  * {
    font-size: 12px !important;
  }
  .iconfont {
    font-size: 16px !important;
  }
  .fs16 {
    font-size: 14px !important;
  }
  .fs14 {
    font-size: 14px !important;
  }
  .fs13 {
    font-size: 13px !important;
  }
  .iconicon_edit,
  .iconicon_cancel,
  .iconbaocun,
  .iconicon_test {
    font-size: 13px !important;
  }
  .icontuozhuai,
  .userinfo .btn-start .iconfont {
    font-size: 12px !important;
  }
  .mb16,
  .mb-3 {
    margin-bottom: 12px !important;
  }
  .el-input__inner {
    font-size: 12px !important;
  }
  .el-input__prefix .iconfont {
    line-height: 32px;
    padding-left: 0;
  }
  .el-button {
    height: 32px !important;
    font-size: 12px !important;
  }
  .el-table th.is-leaf {
    height: 39px !important;
  }
  .el-tag {
    height: 18px !important;
    line-height: 16px !important;
  }
  .el-table td {
    padding: 6px 0 !important;
  }
  .el-table-filter .el-table-filter__checkbox-group {
    padding: 12px 12px 0 12px;
  }
  .el-table-filter .el-table-filter__bottom button {
    padding: 0;
  }
  .side-drawer .btn-delete {
    font-size: 15px !important;
    margin-top: 30px;
  }
}